$(function(){
    fetch('http://chst.vip:1234/api/getcategorytitle')
    .then(body=>body.json())
    .then(res=>{
        var txt = ''
        res.result.forEach((item) => {
            txt += `<li title='${item.title}'>
                        <h4>${item.title}</h4>
                        <img src="../assets/iconFonts/下箭头.png" alt="">
                        <div id='a'>
                        </div>
                    </li>
                    `
            fetch('http://chst.vip:1234/api/getcategory?titleid='+item.titleId)
            .then(body=>body.json())
            .then(res1=>{
                var txt1 = ''
                res1.result.forEach((item1) => {
                    txt1 += `<p categoryId ='${item1.categoryId}' category ='${item1.category}'>${item1.category}</p>`
                    $(`#ulbox li[title='${item.title}'] div`).html(txt1)  
                })
                console.log(txt1) 
            })
        })
        $('#ulbox').html(txt)
        $('#ulbox>li').find('div').slideUp(0,function(){
            $('#ulbox').css({display:'block'})
        })
        $('#ulbox>li>img').click(function(){
            $(this).parent().find('div').slideToggle().parent().siblings().find('div').slideUp()
            $('#a p').click(function(){
                var category = $(this).attr('category')
                var categoryId = $(this).attr('categoryId')
                location.href = `./bijia_liebiao.html?category=${category}&categoryid=${categoryId}`
            })
        })
        
        
    })
    
})
